import Card from '@/components/Card';
import Cards from '@/components/Cards';
import {CourseVideoBanner} from '@/components/CourseBanner';

# Workflows & integrations

To get the most out of `next-intl`, you can choose from these integrations to improve your workflow.

<Cards className="mt-8 lg:w-1/2">
  <Card title="TypeScript augmentation" href="/docs/workflows/typescript" />
  <Card
    title="Localization management with Crowdin"
    href="/docs/workflows/localization-management"
  />
  <Card title="VSCode integration" href="/docs/workflows/vscode-integration" />
  <Card title="Storybook" href="/docs/workflows/storybook" />
  <Card title="Validating messages" href="/docs/workflows/messages" />
</Cards>

Prefer to watch a video?

<CourseVideoBanner
  className="mt-2"
  href="https://learn.next-intl.dev/chapters/03-translations/05-tooling"
  title="Editor tools"
/>
<CourseVideoBanner
  className="mt-2"
  href="https://learn.next-intl.dev/chapters/03-translations/07-literals"
  title="Extracting literals"
/>
